<template>
  <transition name="el-fade-in-linear">
      <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
        <van-list
          :loading="isajax"
          :finished="finished"
          offset="50"
          @load="onload()"
        >
          <div v-if="data.length>0">
            <div class="p-tb10 border-b " v-for="(x,index) in data" :key="index" >
              <van-cell class="transparent" @click="openInfo(x)" :title="x.name" is-link />
            </div>
            <div class="text-center p-tb10" v-if="pageinfo.total>0&&pageinfo.total==data.length">{{this.PRO_CONSTANT.IS_LOADING_BOTTOM}}</div>
          </div>
          <div class="text-center p-tb10" v-else-if="data.length==0&&pageinfo.total==0">{{this.PRO_CONSTANT.IS_LOADING_EMPTY}}</div>
        </van-list>
      </van-pull-refresh>
  </transition>
</template>
<script>
  export default {
    data() {
      return {
        data:[],
        navinfo: {
          title: '',
          leftText: '返回',
          leftIcon: '',
          leftLink: '',
          rightText: '',
          rightIcon: '',
        },
        isajax:false,
        pageinfo: this.$store.getters.getPageInfo(this.$route.path,null),
        isLoading:false,
        finished:false,
        currentData:"",
        active:0,
        popshow: false,
      }
    },
    methods:{
      init() {

      },
      onload(){
      },
      onRefresh(){
      },
    },
    beforeCreate: function() {
    },
    created: function() {
    },
    beforeMount: function() {
    },
    mounted: function() {
      this.init();
    },
    beforeUpdate: function() {
    },
    updated: function() {
    },
    activated: function() {
    },
    deactivated: function() {
    },
    beforeDestroy: function() {
    },
    destroyed: function() {
      console.log("destroyed!!!")
    },
    errorCaptured: function(err, vm, info) {
    }
  }
</script>
<style scoped>
</style>
